<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>注册</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-responsive.min.css">
	<link rel="stylesheet" type="text/css" href="font/iconfont/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/jedate.css">
	<link rel="stylesheet" type="text/css" href="js/skin/layer.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/register.css">
</head>
<body>
	<div class="black_back"></div>
	<div class="login" id="login">
		<div class="login-main">
			<h3 class="text-center">珠海市物业行业征信系统</h3>
			<p class="text-center">Zhuhai Property Industry Credit System</p>
			<form method="post">
				<div class="control-input">
					<label><i class="iconfont icon-username"></i></label>
					<input type="text" name="username" placeholder="用户名">
				</div>
				<div class="control-input">
					<label><i class="iconfont icon-yuechi"></i></label>
					<input type="password" name="password" placeholder="密码">
					<i class="iconfont icon-wangjimima"></i>
				</div>
				<div class="checkedBox">
					<div class="box-change"><i class="iconfont icon-jizhumimaxuanzhong checkbox checked"></i><input type="checkbox" name="">记住我</div>
				</div>
				<div class="get_submit text-center">
					<button type="button" class="log-in">登录</button>
					<p><a href="register.html">还没有账号？马上注册<i class="iconfont icon-changjiantou"></i></a></p>
				</div>
			</form>
		</div>
	</div>
	<div class="header clearfix container-fluid navbar-fixed-top">
		<div class="row-fluid">	
			<div class="span3">
				<a href="./index.html" class="index-link">	
				<div class="navbar clearfix company">
					<span class="brand"><img src="images/logo.png"></span>
					<div class="name pull-left">
						<h4>珠海市物业行业征信系统</h4>
						<p>Zhuhai Property Industry Credit System</p>
					</div>
				</div>
				</a>	
			</div>		
			<div class="navbar span6 title_menu">				
				<ul class="nav navbar-nav menu">
				  <li class="active">
				    <a href="#"><img src="images/icon/icon_7_white.png"><span>诚信档案</span></a>
				  </li>
				  <li><a href="#"><img src="images/icon/icon_2_white.png"><span>诚信管理</span></a></li>
				</ul>
			</div>
			<div class="navbar span3">	
				<ul class="nav log-on">
					<li class="b-right"><a href="javascript:void(0)" id="log-click"><i class="iconfont icon-denglu"></i>登录</a></li>
					<li><a href="register.html"><i class="iconfont icon-tianjiayonghu"></i>注册</a></li>
				</ul>
			</div>
		</div>
	</div>
	<div class="register-main marg-top">
		<!-- 引导 -->
		<div class="guide">
			<div class="container">
				<ul class="clearfix">
					<li>
						<div class="guide_icon">
							<span>
								<i class="iconfont icon-tianjiayonghu"></i>
							</span>
							<p>1.注册账号;</p>
						</div>
					</li>
					<li class="active">
						<div class="guide_icon">
							<span>
								<img src="images/icon/icon_4_white.png">
							</span>
							<p>2.完善信息;</p>
						</div>
					</li>
					<li>
						<div class="guide_icon">
							<span>
								<i class="iconfont icon-chenggong"></i>
							</span>
							<p>3.注册成功;</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="container">				
			<!-- 完善信息 -->
			<div class="refined-form complete-msg">
				<div class="register-tip text-center">
					<i class="iconfont icon-tishi"></i>
					<span>提示：必录信息，每项信息完整准确录入信用信息系统，并上传相关材料，即得60分基础分，录入缺项不计分。</span>
					<a href="javascript:void(0)" id="jump">跳过步骤，下次再说</a>
				</div>
				<form method="post">
					<!-- 基本信息 -->
					<div class="form-list">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>基本信息：</label>
							</div>
							<div class="span8">
								<div class="row-fluid">
									<div class="span5">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>企业名称</label>
    									    <div class="controls">
    									      <input type="text" class="span11" id="business" name="business">
    									    </div>
    									</div>
									</div>
									<div class="span5 m-nl">
										<div class="control-group">
											<label class="control-label"><i>*</i>联系电话</label>
											<div class="controls">
												<input type="text" class="span11" name="telphone" id="telphone">
											</div>
										</div>
									</div>
								</div>
								<div class="control-group">
								    <label class="control-label" for="inputPassword"><i>*</i>所在地址</label>
								    <div class="controls">
								      <input type="text" class="big-input span11" id="address" name="address" placeholder="精确到门牌号">
								    </div>
								</div>
								<div class="row-fluid">
									<div class="span4">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>邮政编码</label>
    									    <div class="controls">
    									      <input type="text" class="span11" id="postalcode" name="postalcode">
    									    </div>
    									</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 基本信息 end -->
					<!-- 注册信息 -->
					<div class="form-list">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>注册信息：</label>
							</div>
							<div class="span8">
								<div class="row-fluid">
									<div class="span5">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>企业网址</label>
    									    <div class="controls">
    									      <input type="text" class="span11" id="web" name="web" placeholder="https://">
    									    </div>
    									</div>
									</div>
									<div class="span5 m-nl">
										<div class="control-group">
											<label class="control-label"><i>*</i>电子邮箱</label>
											<div class="controls">
												<input type="text" class="span11" name="email" id="email">
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span5">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>营业执照统一社会信用代码</label>
    									    <div class="controls">
    									      <input type="text" class="span11" id="licence" name="licence">
    									    </div>
    									</div>
									</div>
									<div class="span5 m-nl">
										<div class="control-group">
											<label class="control-label"><i>*</i>成立日期</label>
											<div class="controls">
												<input type="text" class="span11" name="date" id="date">
												<i class="iconfont icon-riqi date"></i>
											</div>
										</div>
									</div>
								</div>
								<div class="row-fluid">
									<div class="span5">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>商事主体类型</label>
    									    <div class="controls">
    									      <input type="text" class="span11" id="type" name="type">
    									    </div>
    									</div>
									</div>
									<div class="span5 m-nl">
										<div class="control-group">
											<label class="control-label"><i>*</i>注册资本</label>
											<div class="controls">
												<input type="text" class="span11" name="capital" id="capital">
											</div>
										</div>
									</div>
								</div>
								<div class="control-group">
								    <label class="control-label" for="inputPassword"><i>*</i>经营范围</label>
								    <div class="controls">
								      <input type="text" class="big-input span11" id="scope" name="scope">
								    </div>
								</div>
							</div>
						</div>
					</div>
					<!-- 注册信息 end -->
					<!-- 行业资源 -->
					<div class="form-list">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>行业资源：</label>
							</div>
							<div class="span8">
								<div class="control-group">
								    <label class="control-label" for="inputPassword"><i>*</i>企业资质等级或行业备案情况</label>
								    <div class="controls">
								      <input type="text" class="big-input span11" id="record" name="record">
								    </div>
								</div>
								<div class="row-fluid">
									<div class="span5">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>协会会员编码</label>
    									    <div class="controls">
    									      <input type="text" class="span11" id="membercode" name="membercode">
    									    </div>
    									</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 行业资源 end -->
					<!-- 投资者及出资额 -->
					<div class="form-list">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>投资者及出资额：</label>
							</div>
							<div class="span8">
								<div class="row-fluid invest-list">
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>投资者名称</label>
    									    <div class="controls">
    									      <input type="text" id="investername" name="investername">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>投资额</label>
    									    <div class="controls">
    									      <input type="text" id="investernum" name="investernum">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>投资比例</label>
    									    <div class="controls">
    									      <input type="text" id="investerscale" name="investerscale">
    									    </div>
    									</div>
									</div>
									<div class="i-change">
										<i class="iconfont icon-add"></i>
									</div>
								</div>								
							</div>
						</div>
					</div>
					<!-- 投资者及出资额 end -->
					<!-- 法定代表人 -->
					<div class="form-list">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>法定代表人：</label>
							</div>
							<div class="span8">
								<div class="row-fluid">
									<div class="span4">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>姓名</label>
    									    <div class="controls">
    									      <input type="text" id="legalname" name="legalname">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>职务</label>
    									    <div class="controls">
    									      <input type="text" id="legalwork" name="legalwork">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>联系电话</label>
    									    <div class="controls">
    									      <input type="text" id="legalTel" name="legalTel">
    									    </div>
    									</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 法定代表人 end -->
					<!-- 企业负责人 -->
					<div class="form-list p-nt">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>企业负责人：</label>
							</div>
							<div class="span8">
								<div class="row-fluid">
									<div class="span4">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>姓名</label>
    									    <div class="controls">
    									      <input type="text" id="legalname" name="legalname">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>职务</label>
    									    <div class="controls">
    									      <input type="text" id="legalwork" name="legalwork">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>联系电话</label>
    									    <div class="controls">
    									      <input type="text" id="legalTel" name="legalTel">
    									    </div>
    									</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 企业负责人 end -->
					<!-- 联系人 -->
					<div class="form-list p-nt">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>联系人：</label>
							</div>
							<div class="span8">
								<div class="row-fluid">
									<div class="span4">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>姓名</label>
    									    <div class="controls">
    									      <input type="text" id="legalname" name="legalname">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>职务</label>
    									    <div class="controls">
    									      <input type="text" id="legalwork" name="legalwork">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>联系电话</label>
    									    <div class="controls">
    									      <input type="text" id="legalTel" name="legalTel">
    									    </div>
    									</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 联系人 end -->
					<!-- 人员信息 -->
					<div class="form-list p-nt">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>人员信息：</label>
							</div>
							<div class="span8">
								<div class="row-fluid">
									<div class="span4">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>在册职工总数</label>
    									    <div class="controls">
    									      <input type="text" id="working" name="working">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>专业技术人员总数</label>
    									    <div class="controls">
    									      <input type="text" id="skillTotal" name="skillTotal">
    									    </div>
    									</div>
									</div>
									<div class="span4 m-nl">
    									<div class="control-group">
    									    <label class="control-label"><i>*</i>持证上岗人员总数</label>
    									    <div class="controls">
    									      <input type="text" id="havaCertificate" name="havaCertificate">
    									    </div>
    									</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 人员信息 end -->
					<!-- 项目信息 -->
					<div class="form-list">
						<div class="row-fluid">
							<div class="span3 text-center">
								<label>项目信息：</label>
							</div>
							<div class="span8 pro-main">
								<div class="pro-list">
									<span>项目：</span>
									<div class="row-fluid">
										<div class="span4">
	    									<div class="control-group">
	    									    <label class="control-label"><i>*</i>项目名称</label>
	    									    <div class="controls">
	    									      <input type="text" id="project-name" name="project-name">
	    									    </div>
	    									</div>
										</div>
										<div class="span4 m-nl">
	    									<div class="control-group">
	    									    <label class="control-label"><i>*</i>项目类型</label>
	    									    <div class="controls">
	    									      <input type="text" id="project-type" name="project-type">
	    									    </div>
	    									</div>
										</div>
										<div class="span4 m-nl">
	    									<div class="control-group">
	    									    <label class="control-label"><i>*</i>项目负责人</label>
	    									    <div class="controls">
	    									      <input type="text" id="project-people" name="project-people">
	    									    </div>
	    									</div>
										</div>
									</div>
									<div class="row-fluid">
										<div class="span4">
	    									<div class="control-group">
	    									    <label class="control-label"><i>*</i>合同期限</label>
	    									    <div class="controls">
	    									      <input type="text" id="Contract-period" name="Contract-period">
	    									    </div>
	    									</div>
										</div>
										<div class="span4 m-nl">
	    									<div class="control-group">
	    									    <label class="control-label"><i>*</i>项目建筑面积</label>
	    									    <div class="controls">
	    									      <input type="text" id="project-area" name="project-area">
	    									    </div>
	    									</div>
										</div>
										<div class="span4 m-nl">
	    									<div class="control-group">
	    									    <label class="control-label"><i>*</i>服务模式</label>
	    									    <div class="controls">
	    									      <input type="text" id="server" name="server">
	    									    </div>
	    									</div>
										</div>
									</div>
									<div class="control-group">
									    <label class="control-label" for="inputPassword"><i>*</i>获奖情况</label>
									    <div class="controls">
									      <input type="text" class="big-input span11" id="Winning" name="Winning">
									    </div>
									</div>
									<div class="control-group">
									    <label class="control-label" for="inputPassword"><i>*</i>服务地址</label>
									    <div class="controls">
									      <input type="text" class="big-input span11" id="server-address" name="server-address">
									    </div>
									</div>
								</div>
								<button class="btn btn_submit" id="addprojeck" type="button">添加项目</button>
							</div>
						</div>						
					</div>
					<!-- 项目信息 end -->
					<div class="form-list text-center">
						<p>
						<input type="checkbox" checked="checked">本人保证所有录入信息真实可靠，<span>否则后果自负</span>。
						</p>
						<button class="btn btn_submit" id="msg-confirm" type="button">提交</button>
					</div>
				</form>
			</div>
		</div>
	</div>
	<div class="footer text-center">
		<p>© 横琴云廷科技有限公司  |  粤公网安备 52003316146400078 号</p>
	</div>
	
	<script type="text/html" id="template">
		<div class="pro-list">
			<span>项目:</span>
			<div class="row-fluid">
				<div class="span4">
					<div class="control-group">
					    <label class="control-label"><i>*</i>项目名称</label>
					    <div class="controls">
					      <input type="text" class="project-name" name="project-name">
					    </div>
					</div>
				</div>
				<div class="span4 m-nl">
					<div class="control-group">
					    <label class="control-label"><i>*</i>项目类型</label>
					    <div class="controls">
					      <input type="text" class="project-type" name="project-type">
					    </div>
					</div>
				</div>
				<div class="span4 m-nl">
					<div class="control-group">
					    <label class="control-label"><i>*</i>项目负责人</label>
					    <div class="controls">
					      <input type="text" class="project-people" name="project-people">
					    </div>
					</div>
				</div>
			</div>
			<div class="row-fluid">
				<div class="span4">
					<div class="control-group">
					    <label class="control-label"><i>*</i>合同期限</label>
					    <div class="controls">
					      <input type="text" class="Contract-period" name="Contract-period">
					    </div>
					</div>
				</div>
				<div class="span4 m-nl">
					<div class="control-group">
					    <label class="control-label"><i>*</i>项目建筑面积</label>
					    <div class="controls">
					      <input type="text" class="project-area" name="project-area">
					    </div>
					</div>
				</div>
				<div class="span4 m-nl">
					<div class="control-group">
					    <label class="control-label"><i>*</i>服务模式</label>
					    <div class="controls">
					      <input type="text" class="server" name="server">
					    </div>
					</div>
				</div>
			</div>
			<div class="control-group">
			    <label class="control-label" for="inputPassword"><i>*</i>获奖情况</label>
			    <div class="controls">
			      <input type="text" class="big-input span11 Winning" name="Winning">
			    </div>
			</div>
			<div class="control-group">
			    <label class="control-label" for="inputPassword"><i>*</i>服务地址</label>
			    <div class="controls">
			      <input type="text" class="big-input span11 server-address" name="server-address">
			    </div>
			</div>
		</div>
	</script>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="js/jquery.validate.min.js"></script>
	<script type="text/javascript" src="js/jquery.jedate.min.js"></script>
	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript">
		// var number = 323413290907;
		var N = [
		     "一", "二", "三", "四", "五", "六", "七", "八", "九","十"
		];
		function convertToChinese(num){
		    var str = num.toString();
		    var len = num.toString().length;
		    var C_Num = [];
		    for(var i = 0; i < len; i++){
		        C_Num.push(N[str.charAt(i)]);
		    }
		    return C_Num.join('');
		}
		var i = $('.pro-main .pro-list span').index();
		function eachAdd(){
			$('.pro-main .pro-list span').each(function(index) {
				i = index;
				// $(this).attr("data-num",index);
				$(this).html("项目" + convertToChinese(index) + " :");
			});
		}
		eachAdd();
	$().ready(function() {	
			$("#addprojeck").on('click',function(){	
				var main = $(this).parents('.pro-main');
				var c = $('#template').html();				
				 if(main.find('input').val() == ""){
						layer.msg('请填写完以上信息再添加');
						return false;
					}else{
						if($(".pro-main .pro-list").length > 9){
							return false;
						}
						$(this).before(c);	
						eachAdd();	
					}
				
			})
			$(".i-change").on("click",function(){
				var i = $(this).find('i');
				var par = $(this).parent();
				if(i.hasClass('icon-add')){	
					i.removeClass('icon-add');
					i.addClass('icon-delete');
					 var c = par.clone(true);
					par.after(c);
					c.trigger("click");
					c.find('i.iconfont').removeClass('icon-delete');
					c.find('i.iconfont').addClass('icon-add');
					c.find('input').val("");
				}else if(i.hasClass('icon-delete')){
					par.remove();
				}

			})
			$("#jump").on("click",function(){
				layer.confirm('您可以在“个人中心-基本信息”中继续完善信息。',{
					title:'提示',
					btn:['我知道了']
				},function(index){
					location.href = "success.html"; 
					layer.close(index);
				})
			})
			$("#date").jeDate({
			    format:"YYYY-MM-DD",
			    isTime:false, 
			    // minDate:"2014-09-19 00:00:00"
			})
			$("#msg-confirm").on("click",function(){
				var input = $(".complete-msg").find('input[type=text]');			
				input.each(function(){					
					if($(this).val() == ""){
						layer.confirm('您没有填写任何信息，确定要提交吗？',{
							title:'提示',
							btn:['确定','取消']
						},function(index){
							layer.close(index);
							layer.confirm('您可以在“个人中心-基本信息”中继续完善信息。',{
								btn:['我知道了']
							},function(i){
								location.href="success.html"; 
								layer.close(i);
							});
						});
					}else{
						location.href="success.html"; 						
					}
				})
			});			
	})
	</script>
</body>
</html>